<template>
  <div class="feature">
      <div class="title">特色服务：</div>
      <div class="content">
          <div class="item" v-show="info.sampleService == 1">支持拿样</div>
          <div class="item" v-show="info.replaceType">{{replaceType}}</div>
          <div class="item" v-show="info.returnGoods">7天无理由包退</div>
          <div class="item" v-show="info.materal">材质保障</div>
          <div class="item" v-show="info.matched">无货必赔</div>
      </div>
  </div>
</template>

<script>
export default {
  props: {
    info: {
      type: Object,
      default: {}
    }
  },
  computed: {
    replaceType() {
      if (this.info.replaceType == 1) {
        return '7天退换'
      }
      if (this.info.replaceType == 2) {
        return '15天退换'
      }
      if (this.info.replaceType == 3) {
        return '30天退换'
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.feature {
  color: #AAAAAA;

  .title {
    display: inline-block;
    margin-left: 10px;
  }
  .content {
    display: inline-block;
    padding: 0px 4px;

    .item {
      color: #df7a2e;
      display: inline-block;
      margin-right: 26px;
    }
  }
}
</style>